﻿input {outline:none;}
textarea {outline:none; height: 170px; width:90%;}

.form-checkbox {width:18px; height:18px; line-height:18px; background-image:url(/Assets/images/formelements/checkbox.png); background-repeat:no-repeat; background-position:center left; display:inline-block; float:left; padding-right:5px;}
.form-checkbox.checked { background-image:url(/Assets/images/formelements/checkbox-checked.png);background-repeat:no-repeat; }

.form-select { display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; height:25px; min-width:50px; position:relative;}
.form-select > ul { background:#FFF; border:1px solid #CCC; list-style-type:none; min-width:150px; margin:0px; padding:0px 0px 0px 0px; position:absolute; overflow:auto; top:27px; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.16); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.16); box-shadow: 1px 1px 2px rgba(0,0,0,0.16); z-index:50;}
.form-select > ul li { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; padding:0px 5px 0px 5px; margin:0px; line-height:24px; cursor:pointer; white-space: nowrap; text-align:left;}
.form-select > ul li:hover  { background-color:#CCC;}
.form-select .form-select-text { background-color:#FFF; border:1px solid #CBCBCB; border-width:1px 0 1px 1px; display:block; cursor:pointer; height:28px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:30px; padding:0 5px 0 10px; position:relative; overflow:hidden; text-align:left; text-decoration:none;}
.form-select .form-select-text
{
	behavior: url(PIE.htc); -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px;
    /*-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);*/
}
.form-select .form-select-arrow { background:#FFF url(../Images/form-DropBtn.png) no-repeat left center; border:1px solid #CBCBCB; border-width:1px 1px 1px 0; cursor:pointer; float:left; display:inline-block; width:30px; height:28px;}
.form-select .form-select-arrow
{
	behavior: url(PIE.htc); -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0;
    /*-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);*/
}

.form-select.grey > ul { max-height:200px; min-width:165px; overflow:auto; }
.form-select.grey { height:25px; font-weight:normal; font-size:12px; color:#333; }
.form-select.grey .form-select-text { text-align:left; height:19px; cursor:pointer; line-height:17px; min-width:165px; overflow:hidden; background-image:url(/Assets/Images/FormElements/select-grey.png); background-repeat:no-repeat; background-position:left center; display:inline-block; padding:3px 10px; float:left; text-decoration:none;}
.form-select.grey .form-select-arrow { height:19px; width:19px; padding:3px; margin-top:0px; background-image:url(/Assets/Images/FormElements/select-arrow-grey.png); background-repeat:no-repeat; background-position:left center; float:left; display:inline-block; cursor:pointer;}

.form-radio {width:20px; height:22px; line-height:22px; background-image:url(/Assets/images/formelements/radio.png); background-repeat:no-repeat; background-position:center left; display:inline-block; float:left; padding-right:5px;}
.form-radio.selected { background-image:url(/Assets/images/formelements/radio-selected.png); }
.form-radio.selected:hover { background-image:url(/Assets/images/formelements/radio-selected-hover.png); }
.form-radio:hover {background-image:url(/Assets/images/formelements/radio-hover.png);}

/* CSS ONLY */
.btnGrey, .btnOrange, .btnOrangeDark, .btnGreyDark, .btnSecNav { border:#CBCBCB 1px solid; cursor:pointer; display:block; font-size:9px; outline:none; min-height:13px; min-width:20px; max-width:175px; padding:2px 13px; text-align:center; text-decoration:none; position:relative; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.btnGrey, .btnSecNav { /*background:#E8E8E8;*/ color:#000000;
			background: rgb(242,242,242); /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(232,232,232,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(232,232,232,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(232,232,232,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(232,232,232,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-8 */
			}
.btnGreyDark {  color:#333; border:8C8D8E 1px solid;
            background: rgb(140,141,142); /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjOGQ4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMGI2YmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top,  rgba(140,141,142,1) 0%, rgba(176,182,186,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,141,142,1)), color-stop(100%,rgba(176,182,186,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(140,141,142,1) 0%,rgba(176,182,186,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(140,141,142,1) 0%,rgba(176,182,186,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(140,141,142,1) 0%,rgba(176,182,186,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(140,141,142,1) 0%,rgba(176,182,186,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c8d8e', endColorstr='#b0b6ba',GradientType=0 ); /* IE6-8 */
            }

.btnOrange, .btnOrangeDark { /*background:#FAA532;*/ border:#C78621 1px solid!important; color:#FFF!important;
			background: rgb(253,204,88); /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkY2M1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYWE1MzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  rgba(253,204,88,1) 0%, rgba(250,165,50,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,204,88,1)), color-stop(100%,rgba(250,165,50,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(253,204,88,1) 0%,rgba(250,165,50,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(253,204,88,1) 0%,rgba(250,165,50,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(253,204,88,1) 0%,rgba(250,165,50,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(253,204,88,1) 0%,rgba(250,165,50,1) 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdcc58', endColorstr='#faa532',GradientType=0 ); /* IE6-8 */
			}

.btnOrangeDark { color:#975B25!important; }

.btnSecNav { background:url(../Images/secnav-arrow.jpg); background-repeat:no-repeat; background-position:top right; text-align:left!important;}
.btnSecNav:hover { background-position:bottom right;}

/* Admin Lists */

.list { text-align:left; padding-left: 10px; }
.listheader { color: #6D6F73; height: 30px; text-align:left; padding-left: 10px; }

/* Admin Settings */

.clear2 { clear:both; height:20px; margin:0; padding:0;}
.clear3 { clear:both; height:10px; margin:0; padding:0;}

.textsize { width:200px;}
.textsize2 { width:100px;}
.dropdownsize { width:215px;}
.tbTarget { width:125px;}
.tbYear { width:125px;}
.targetlist .target { text-align:left; margin:15px;}
.targetlist .year {}
.underline { display:block; margin: 0 0 15px 0; border-bottom:1px solid #D5D5D5; width:100%; }

.btnAdminWidth  { width:100px;}
.btnAdminWidthFloat { width:100px; float:left;}
.btnLoadSyndicateControl  { width:100px;}
.btnAddSyndicateTarget { width:100px; float:left;}
.btnEditSyndicate  { width:100px;}
.btnDeleteSyndicateTarget  { width:50px; float:left;}
.btnAddUser { width:100px;}
.btnEditUser { width:100px;}
.btnDownloadReportByYear { width:200px;}
.btnGenerateByYearReport { width:100px;}
.btnAddCategory  { width:100px;}
.btnEditCategory  { width:100px;}
.btnEditCategory  { width:100px;}
.btnAddspecialEvent { width:100px;}
.btnEditspecialEvent { width:100px;}


.volumesTable { border: thin inset #CCCCCC; caption-side: top; text-align: left;
    border-collapse: inherit; border-spacing: inherit; vertical-align: middle;
    padding-left: 10px;}
